<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>地址管理</title>
    <link rel="stylesheet" type="text/css" href="./css/style.css">
</head>
<body class="address">
<div class="header">
    <p id="top">
        <span class="left">亲，<a href="#">请注册</a>&nbsp;&nbsp;<a href="#">免费注册</a></span>
        <span class="right">
            <a href="index.html">商城首页</a>&nbsp;&nbsp;&nbsp;
            <img src="img/information/个人中心 - 选中.png" height="12" width="12"/>
            <a href="information.html">个人中心</a>&nbsp;&nbsp;&nbsp;
            <img src="img/information/购物车.png" height="12" width="12"/>
            <a href="cart.html">购物车0</a>&nbsp;&nbsp;&nbsp;
            <img src="img/information/收 藏.png" height="12" width="12"/>
            <a href="collection.html">收藏夹</a>
            </span>
    </p>
    <div id="se">
        <img src="img/information/logo1.png" height="87" width="166" id="logo"/>
        <div id="serach_f">搜索
            <a href="search.html"> <div id="serach">
                搜索
            </div>
            </a>
        </div>
    </div>
    <ul class="banner clearfix">
        <div id="kind">
            全部种类
        </div>
        <li><a href="index.html">首页 </a> <span>|</span></li>
        <li><a href="index.html">闪购 </a><span>|</span></li>
        <li><a href="index.html">限时购 </a><span>|</span></li>
        <li><a href="index.html">团购 </a><span>|</span></li>
        <li><a href="index.html">大包装 </a><span>|</span></li>
    </ul>
    <div class="weal">
        <div class="box1">
        </div>
        <div class="box2">
            我的福利&nbsp;>
        </div>
    </div>
</div>
<p class="line"></p>
<div class="main">
    <div class="nav">
        <p class="personal">
            个人中心</p>
        <p id="per">
            个人资料</p>
        <ul >
            <li><a href="information.html">个人信息</a></li>
            <li><a href="safe.html">安全设置</a></li>
            <li><a href="address.html" class="link">地址管理</a></li>
            <li><a href="pay.html">快捷支付</a></li>
        </ul>

        <p id="deal">
            我的交易</p>
        <ul >
            <li><a href="Orders.html">订单管理</a></li>
            <li><a href="change.html">退款售后</a></li>
            <li><a href="comment.html">评价商品</a></li>
        </ul>
        <p id="rich">
            我的资产</p>
        <ul >
            <li><a href="#">我的积分</a></li>
            <li><a href="#">优惠券</a></li>
            <li><a href="#">红包</a></li>
            <li><a href="#">账户余额</a></li>
            <li><a href="#">账单明细</a></li>
        </ul>
        <p id="collect">
            我的收藏</p>
        <ul >
            <li><a href="collection.html">收藏</a></li>
            <li><a href="foot.html">足迹</a></li>
            <li><a href="#">红包</a></li>
        </ul>
        <p id="qq">
            在线客服</p>
        <ul >
            <li><a href="#">商品咨询</a></li>
            <li><a href="#">意见反馈</a></li>
            <li><a href="#">我的消息</a></li>
        </ul>
    </div>
    <div class="right" id="right">
        <p class="r_p">地址列表/Address List</p>
        <div class="clearfix" id="lis">
        <div id="list1" class="ls">
            <img src="img/information/个人中心%20(1).png"/><span>小叮当</span>
            <img src="img/information/手机.png"/> <span>155****2369</span></br>
            <img src="img/information/位置.png"> <span>地址：</span><span>陕西省</span><span>西安市</span><span>长安区</span></br><span class="end_sp">西安邮电大学南校区</span>

            <p class="write"><img src="img/information/编辑%20.png"><a href="#">编辑</a>|&nbsp;&nbsp;&nbsp;<img src="img/information/删%20除%20(3).png"><a href="#">删除</a> </p>
        <div  >
            默认地址
        </div>
            <img src="img/address/right.png" class="check">
        </div>
        <div id="list2" class="ls">
            <img src="img/information/个人中心%20(1).png"/><span>小叮当</span>
            <img src="img/information/手机.png"/> <span>155****2369</span></br>
            <img src="img/information/位置.png"><span>地址：</span><span>陕西省</span><span>西安市</span><span>长安区</span></br><span class="end_sp">西安邮电大学南校区</span>
            <p class="write"><img src="img/information/编辑%20.png"><a href="#">编辑</a>|&nbsp;&nbsp;&nbsp;<img src="img/information/删%20除%20(3).png"><a href="#">删除</a> </p>
            <div >
                设为默认
            </div>
            <img src="img/address/right.png" class="check">
        </div>
        <div id="list3" class="ls">
            <img src="img/information/个人中心%20(1).png"/><span>小叮当</span>
            <img src="img/information/手机.png"/> <span>155****2369</span></br>
            <img src="img/information/位置.png"><span>地址：</span><span>陕西省</span><span>西安市</span><span>长安区</span></br><span class="end_sp">西安邮电大学南校区</span>
            <p class="write" id="write"><img src="img/information/编辑%20.png"><a href="#">编辑</a>|&nbsp;&nbsp;&nbsp;<img src="img/information/删%20除%20(3).png"><a href="#">删除</a> </p>
            <div >
                设为默认
            </div>
            <img src="img/address/right.png" class="check" id="check">
        </div>
        </div>
        <p class="r_p">新增地址/Add  Address</p>
        <form class="sub" id="tab">
            <p><span>收货人</span><input type="text"  placeholder="收货人"/>
            </p>
            <p><span>手机号码</span><input type="text" placeholder="手机号必填"/>
            </p>
            <p id="city"> <span>所在地</span>
                <input  type="text" value="陕西"/>
                <input type="text"  value="西安"/>
                <input type="text" value="长安"/>
            </p>
            <ul class="s">
                <li><i>陕西</i> <span>✔</span></li>
            </ul>
            <ul class="c">
                <li><i>西安</i><span>✔</span></li>
                <li><i>渭南</i><span>✔</span></li>
            </ul>
            <ul class="a">
                <li><i>临潼区</i><span>✔</span></li>
                <li><i>长安区</i><span>✔</span></li>
            </ul>

            <p><span id="addre">详细地址</span> <textarea id="area" >详细地址</textarea></p>
            <p id="len">一百字以内写出你的详细地址</p>

            <a href="#" id="a1">保存</a><a href="#">取消</a>


        </form>
    </div>
</div>
<div class="footer">
    <p class="p1"><a href="index.html">WE SHOP</a><span>|</span><a href="index.html">商城首页</a><span>|</span><a href="#">支付宝</a><span>|</span><a href="#">物流</a></p>
    <p class="p2"><a href="#">关于我们</a><a href="#">合作伙伴</a><a href="#">联系我们</a><a href="#">网站地图</a></p>
</div>
<div class="newadd" id="change-add">
    <div id="p1">修改地址<span>/Change address</span></div>
    <div id="p2"></div>
    <div class="p3">收货人 <input type="text"  class="t1" placeholder="收货人"/></div>
    <div class="p3">手机号码 <input type="text" class="t1" placeholder="手机号必填"/></div>
    <div class="p3"> <span id="s1">所在地</span>
        <select id="t5">
            <option value="1">陕西省</option>
        </select>
        <select id="t6">
            <option value="1">西安市</option>
            <option value="1">咸阳市</option>
            <option value="1">宝鸡市</option>
            <option value="1">安康市</option>
        </select>
        <select id="t7">
            <option value="1">临潼区</option>
            <option value="1">长安区</option>
            <option value="1">未央区</option>
            <option value="1">雁塔区</option>
        </select>

    </div>
    <div class="p3"><span id="s2">详细地址</span><textarea  runat="server"  id="textear2" placeholder="输入详细地址"></textarea> </div>
    <p id="p6">100字以内写出你的详细地址...</p>
    <input class="p5" type="button" value="确定">
    <input class="p5" type="button" value="取消">
</div>
<script src="js/lib/jquery.min.js"></script>
<script src="js/address.js"></script>
<script src="js/zdmy.js"></script>
</body>
</html>